<?php
/**
 * Created by PhpStorm.
 * User: Frings
 * Date: 2016-04-28
 * Time: 13:32
 */


use yii\helpers\Url;

$web = Url::to("@web");

$link = Url::home(true) . '/';
?>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>个人中心</title>
    <script type="text/javascript" src="<?= $web ?>/js/jquery.js"></script>
    <link href="<?= $web ?>/css/wx-home/global.css" rel="stylesheet" type="text/css">
    <link href="<?= $web ?>/css/wx-home/personal-center.css" rel="stylesheet" type="text/css">

    <script>
        $(function ($) {
            var w = $(document).width();
            if (w > 640) {
                w = 640;
            }
            $("html").css("font-size", w * 20 / 320);
        });

        function link(href) {
            window.location.href = "<?= $link ?>" + href;
        }
    </script>
</head>
<body>
<div class="main">
    <div class="head">
        <img src="<?= $web ?>/img/wx-home/homepage-1.png" style="width: 16rem;">
        <div class="head-img">
            <img src="<?= $web ?>/img/wx-home/homepage-2.png" style="width: 4.5rem;height: 4.5rem">
            <div>
                <img src="<?=  $user_info['HEADER_URL'] ?>" style="width: 100%;height: 100%">
            </div>
        </div>
        <div class="head-words"  onclick="link('wx-home/doracoin-record')">
            <div class="head-words-bg"></div>
            <div class="head-words-number">
                &nbsp;我的朵拉币&nbsp;&nbsp;&nbsp;<span><?= $user_info['DORACOIN_ACCOUNT']?></span>&nbsp;&nbsp;
                <img src="<?= $web ?>/img/wx-home/homepage-4.png"style="width: 0.7rem">
            </div>
        </div>
    </div>
    <div class="middle">
        <div class="classification" style="display: none">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-address.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right">
                <div class="classification-left">地址管理</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
        <div class="classification">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-phone.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right"  onclick="link('wx-biz/user-center')">
                <div class="classification-left">绑定手机</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
    </div>
    <div class="hr"></div>
    <div class="middle" style="padding-top: 0.8rem">
        <div class="classification">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-gifts1.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right" onclick="link('wx-home/send-record?code=<?=$user_info['WX_OPENID']?>')">
                <div class="classification-left">送礼记录</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
        <div class="classification">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-gifts2.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right" onclick="link('wx-home/receive-record')">
                <div class="classification-left">收礼记录</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
        <div class="classification">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-order.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right" onclick="link('wx-good/order-list')">
                <div class="classification-left">订单记录</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
        <div class="classification" style="margin-top: 0.25rem">
            <div class="classification-left">
                <img src="<?= $web ?>/img/wx-home/homepage-my.png" style="height: 1.5rem;width: 2.5rem">
            </div>
            <div class="class-right" style="border: none;" onclick="link('wx-fx/my-fx')">
                <div class="classification-left">我的分销</div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
                </div>
                <div class="classification-right">
                    <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
                </div>
            </div>
        </div>
    </div>
    <div class="hr" style="display: none"></div>
    <div class="classification" style="display: none;padding-top: 0.45rem;padding-bottom: 0.45rem!important;margin-bottom: 0!important;">
        <div class="classification-left" style="height: 2.4rem!important;margin-top: -0.45rem">
            <img src="<?= $web ?>/img/wx-home/homepage-dragon.png" style="height: 2.4rem;width: 2.5rem">
        </div>
        <div class="class-right" style="border: none!important;">
            <div class="classification-left">我的龙珠</div>
            <div class="classification-right">
                <img src="<?= $web ?>/img/wx-home/homepage-5.png" style="height: 1.5rem">
            </div>
            <div class="classification-right">
                <img src="<?= $web ?>/img/wx-home/homepage-3.png" style="height: 1.5rem;display: none;">
            </div>
        </div>
    </div>
    <div class="hr" style="display: none;height: 1.2rem!important;border-bottom: none!important;"></div>
</div>
</body>
</html>
